<template>
  <div class="padTop">
    <mt-header title="我的申请详情"
               fixed>
      <span slot="left"
            @click="flushCom">
        <mt-button icon="back"></mt-button>
      </span>
    </mt-header>
  </div>
</template>

<script>
import { Header, Button } from 'mint-ui'
export default {
  name: 'Header',
  components: {
    [Header.name]: Header,
    [Button.name]: Button
  },
  props: {
  },
  data () {
    return {
    }
  },
  methods: {
    flushCom () {
      // router是路由实例,例如:var router = new Router({})
      // router.go(n)是路由的一个方法，意思是在history记录中前进或者后退多少步，0就表示还是当前，类似window.history.go(n)
      // @click.native:事件后面要添加.native,不然添加的事件不起作用，具体原因应该是router-link为了阻止a标签的默认跳转事件
      this.$router.go(-1)
    }
  },
  mounted () {
  }
}
</script>

<style lang="stylus" scoped>
@import '~styles/varibles.styl'
.padTop
  height: $paddingTop
</style>
